<template>
	<view class="bg bdra16 " v-if="$root.g0!='{}'">
		<view class="text-center fz34 fwb mb24 ">
			<view v-if="invoiceDetail.path==null">{{$root.m0}}</view>
			<view v-else>{{$root.m1}}</view>
		</view>
		<view class="flex jcc " v-if="invoiceDetail.path!=null">
			<view class=" h65 mr36 ">
				<u-button :plain="true" shape="circle" size="small" :text="$root.m2" type="primary"></u-button>
			</view>
			<view class=" h65 ">
				<u-button shape="circle" size="small" :text="$root.m3" type="primary"></u-button>
			</view>
		</view>
		<view class="show mt30 ">
			<view class="pl30 pr30 pt30 pb30  ">
				<view class="fwb ">{{''+$root.m4+''}}</view>
				<view class="flex mt20 ">
					<view class="col999 ">{{$root.m5}}</view>
					<view>{{''+invoice.type_name}}</view>
				</view>
				<view class="flex mt20 ">
					<view class="col999 ">{{$root.m6}}</view>
					<view>{{''+invoice.title}}</view>
				</view>
				<view class="flex mt6 ">
					<view class="col999 ">{{$root.m7}}</view>
					<view>{{''+invoice.duty_number}}</view>
				</view>
				<view class="flex mt6 ">
					<view class="col999 ">{{$root.m8}}</view>
					<view>{{''+invoice.drawer_phone}}</view>
				</view>
				<view class="flex mt6 ">
					<view class="col999 ">{{$root.m9}}</view>
					<view>{{''+invoice.email}}</view>
				</view>
				<view class="flex mt6 " v-if="!invoice.address">
					<view class="col999 ">{{$root.m10}}</view>
					<view>{{''+invoice.address}}</view>
				</view>
				<view class="flex mt6 " v-if="!invoice.tell">
					<view class="col999 ">{{$root.m11}}</view>
					<view>{{''+invoice.tell}}</view>
				</view>
				<view class="flex mt6 " v-if="!invoice.bank">
					<view class="col999 ">{{$root.m12}}</view>
					<view>{{''+invoice.bank}}</view>
				</view>
				<view class="flex mt6 " :hidden="!invoice.card_number">
					<view class="col999 ">{{$root.m13}}</view>
					<view>{{''+invoice.card_number}}</view>
				</view>
				<view class="flex mt6 ">
					<view class="col999 ">{{$root.m14}}</view>
					<view>{{''+(invoiceDetail.remark?invoiceDetail.remark:'')}}</view>
				</view>
				<view class="flex mt6 ">
					<view class="col999 ">{{$root.m15}}</view>
					<view>{{''+invoiceDetail.price+$root.m16}}</view>
				</view>
			</view>
			<u-line></u-line>
			<view class="flex mt6 pl30 pr30  pb30 ">
				<view class="pr15 fwb ">{{$root.m17}}</view>
				<u-icon color="#999" name="arrow-up"
					:style="'transform:'+'rotate('+(showdetail?'180deg':'0deg')+')'+';'"></u-icon>
			</view>
		</view>
		<view class="show mt30  " v-if="!showdetail" v-for="(item,index) in $root.l1" :key="index">
			<view class="pl30 pr30 pt30 pb30  ">
				<view class="fwb dsf jcsb ">
					<view>{{item.m18}}</view>
					<view>{{item[$orig].total_price+item.m19}}</view>
				</view>
				<view class="mt20 ">
					<image class="w30 h30 mr24 " src="/static/new/shijian.png"></image>
					<text>{{item[$orig].updated_at}}</text>
				</view>
				<view class="mt6 dsf alc fz28 col666  ">
					<view class="bdra50b bg333 pretend ">{{item.m20}}</view>
					<text>{{item[$orig].place.delive.mapAddress}}</text>
				</view>
				<view class="mt6 dsf alc fz28 col666  " v-for="(item,index) in item.l0" wx:for-index="index2"
					wx:for-item="item2" :key="index2">
					<view class="bdra50b  through " v-if="index2+1!=item.g1">{{item2.m21}}</view>
					<view class="bdra50b bg2270FC discharge " v-if="index2+1==item.g2">{{item2.m22}}</view>
					<text>{{item2[$orig].mapAddress}}</text>
				</view>
				<view></view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				id: 0,
				invoiceDetail: {},
				invoice: {},
				place: [],
				orders: [],
				showdetail: !1
			}
		},
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.bg {
		background-color: #fff;
		margin: 20upx;
		padding: 20upx
	}

	.show {
		background-color: #f8fafe
	}

	.form {
		color: #a7a7a7;
		text-align: 30upx
	}

	.bdra16 {
		border-radius: 6px
	}
</style>